.oui-pill{--oui-pill-bg:var(--t3-bg);--oui-pill-fg:var(--fg);--oui-pill-accent:color-mix(in srgb, var(--oui-pill-bg), var(--oui-pill-fg) 28%);--oui-pill-prefix:var(--oui-pill-accent);height:1.375rem;line-height:1;font-size:var(--font-sm,.875rem);background:var(--selected-badge-bg,var(--oui-pill-bg));color:var(--selected-badge-fg,var(--oui-pill-fg));border:1px solid var(--selected-badge-edge,var(--oui-pill-accent));white-space:nowrap;vertical-align:middle;font-weight:var(--font-weight-medium,500);border-radius:.1875rem;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;display:inline-flex;overflow:hidden}:where(.oui-pill>*){flex-grow:0;flex-shrink:0}.oui-pill>*{flex:none;align-items:center;display:inline-flex}.oui-pill._removable,.oui-pill._hasActions{padding-right:.1875rem}.oui-pill._clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s,box-shadow .12s}.oui-pill._clickable:hover{background-color:color-mix(in srgb, var(--oui-pill-bg), var(--oui-pill-fg) 18%);border-color:color-mix(in srgb, var(--oui-pill-accent), var(--oui-pill-fg) 25%)}.oui-pill._clickable:active{transform:translateY(1px)}.oui-pill._split,.oui-pill._image{padding-left:0}.oui-pill._imageOnly{padding-right:0}.oui-pill._imageOnly .oui-pill-image{margin-right:0}.oui-pill._imageOnly._removable{padding-right:.1875rem}.oui-pill._imageOnly._removable .oui-pill-image{margin-right:.25rem}.oui-pill._imageOnly._clickable:hover .oui-pill-image{opacity:.8}.oui-pill-image{aspect-ratio:1;object-fit:cover;align-self:stretch;height:100%;margin:0 .375rem 0 0;padding:0;display:block}.oui-pill-body,.oui-pill-prefix{align-self:stretch;align-items:center;display:inline-flex}.oui-pill-prefix{background:var(--selected-badge-edge,var(--oui-pill-prefix));opacity:.85;padding:0 .375rem}.oui-pill-body-inner,.oui-pill-prefix-inner{align-items:center;display:inline-flex;transform:translateY(-.03125rem)}.oui-pill-remove,.oui-pill-actions>button{width:1rem;height:1rem;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:.125rem;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.oui-pill-remove svg,.oui-pill-actions>button svg{stroke-width:2.5px;width:.75rem;height:.75rem}.oui-pill:hover .oui-pill-remove:hover,.oui-pill:hover .oui-pill-actions>button:hover{opacity:1;background:color-mix(in srgb, var(--oui-pill-fg) 16%, transparent)}.oui-pill-actions{align-items:center;gap:.125rem;display:inline-flex}.oui-pill-chevron{opacity:.7;border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;width:0;height:0}.oui-input-tags{min-height:var(--input-height,2rem);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.1875rem .5rem}.oui-input-tags .oui-combobox-input{flex:none;width:.0625rem;min-width:.0625rem;height:1.375rem;padding-left:0;padding-right:0}.oui-input-tags:focus-within .oui-combobox-input{flex:auto;min-width:3.75rem}.oui-input-ordered-set{width:100%}.oui-input-ordered-set .oui-ois-list{flex-direction:column;gap:4px;width:100%;display:flex}.oui-input-ordered-set .oui-ois-tag{background:var(--t3-bg,#7f7f7f14);color:var(--fg);-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:flex}.oui-input-ordered-set .oui-ois-handle{cursor:grab;opacity:.5;justify-content:center;align-items:center;display:inline-flex}.oui-input-ordered-set .oui-ois-handle:hover{opacity:1}.oui-input-ordered-set .oui-ois-handle:active{cursor:grabbing}.oui-input-ordered-set .oui-ois-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.oui-input-ordered-set .oui-ois-remove{opacity:.6;cursor:pointer;justify-content:center;align-items:center;padding:0 2px;display:inline-flex}.oui-input-ordered-set .oui-ois-remove:hover{opacity:1}.oui-input-ordered-set .oui-ois-remove svg{stroke-width:2.5px;width:14px;height:14px}.oui-input-ordered-set .oui-ois-ghost{opacity:.4}.oui-input-ordered-set .oui-ois-chosen,.oui-input-ordered-set .oui-ois-drag{background:var(--p1-bg-soft,var(--t3-bg));box-shadow:0 2px 6px #00000026}
